﻿
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- saved from url=(0014)about:internet -->
<html>
    <head>
        <meta content="Innovasys Document! X (http://www.innovasys.com)" name=GENERATOR>
        <!--DXMETADATA start type="MetaCharset" --><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"><!--DXMETADATA end-->
        <!--DXMETADATA start type="PageItemTitle" format="<title>XTPTabLayoutStyle Enumeration (XtremeCommandBars)</title>" --><title>XTPTabLayoutStyle Enumeration</title><!--DXMETADATA end-->
        <link href="stylesheets/axstylesheet.css" type=text/css rel=stylesheet>
        <script src="script/ax.js" type=text/javascript>
    </script>

    


<style>
html,div { margin: 0; padding: 0;}

body {
	padding: 0px;
	margin: 0px;
	overflow: auto;
	height: 100%;
}

#winchm_template_button{
	float: right;
	width: 93px;
	top: 7px;
	position: relative;
	text-align: right;
	right: 5px;
	height: auto;
}

#winchm_template_top{
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #9B9B9B;
	background-color: #B1CEFE;
}

#winchm_template_navigation{
	margin: 0px;
	padding-top: 7px;
	padding-left: 7px;
	padding-bottom: 3px;
	padding-right: 0px;
	font-size: 8.5pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #585858;
}

#winchm_template_title{
	margin: 0px;
	padding-top: 4px;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-right: 0px;
	font-size: 18px; 
	font-family: Verdana, Geneva, sans-serif;
	color: #363636;
}

#winchm_template_content{
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 15px;
	width: auto  !important;
	width: 100%;
}

#winchm_template_footer{
	border-width: 1px;
	border-color: #B1CEFE;
	border-top-style: solid;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 15px;
	padding-top: 7px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 8.5pt;
	color: #696969;
	width: auto;
	text-align: left;
}


#winchm_template_container{
	margin: 0px;
	padding: 0px;
	position: static;
	padding-bottom: 3px;
	overflow: auto;
	background-color: #FFFFFF;
}


@media print
{
#winchm_template_container{
	position: static;	
	margin: 0px;
	padding: 5px;
	
	width: auto;
	height: auto;
	overflow: auto;
}
#winchm_template_button{
visibility:hidden;
}
}

#winchm_template_navigation A:link	{text-decoration: none; color:#004080}
#winchm_template_navigation A:visited  {text-decoration: none; color: #004080}
#winchm_template_navigation A:active {text-decoration: none; color: #004080 }
#winchm_template_navigation A:hover {text-decoration: none;color: #0080FF}

A:link	{text-decoration: underline; color:#0033CC}
A:visited  {text-decoration: underline; color: #0033CC}
A:active {text-decoration: underline; color: #0033CC }
A:hover {text-decoration: underline;color: #FF0000;}
</style>
<script type="text/javascript">
function isMobile(){
Agent = window.navigator.userAgent;
if (Agent.indexOf("iPhone")>=1 || Agent.indexOf("iPad")>=1 || Agent.indexOf("iPod")>=1 || Agent.indexOf("Android")>=1){
return true;
}else{
return false;	
}

}
function d_onresize(){
if (window.navigator.userAgent.indexOf("MSIE")>=1){
document.getElementById('winchm_template_container').style.pixelWidth = document.body.offsetWidth - 3;
document.getElementById('winchm_template_container').style.pixelHeight = document.body.offsetHeight - document.getElementById('winchm_template_top').offsetHeight - 4;
}
document.getElementById('winchm_template_container').style.top = document.getElementById('winchm_template_top').offsetHeight + 'px';
}

function d_onbeforeprint(){
document.getElementById('winchm_template_container').style.width = 'auto';
document.getElementById('winchm_template_container').style.height = 'auto';
}

function d_onafterprint(){
d_onresize();
}

if(!isMobile()){

window.onload = d_onresize;
window.onresize = d_onresize;
window.onbeforeprint = d_onbeforeprint;
window.onafterprint = d_onafterprint;

document.write("<style>\n");
document.write("body {overflow: hidden;}\n");
document.write("#winchm_template_container {position: absolute;overflow: auto;top : 0px;right: 0px;bottom: 0px;left: 0px;}\n");
document.write("</style>\n");
}

</script>
</head>
    <body><script language="JavaScript" type="text/JavaScript">
function syn(){
if(parent.nav.tree){
 if(parent.nav.tree.loaded){
  parent.nav.tree.selectNode(7544);
 }else{
  setTimeout("syn()",500);
}
  }else{
  setTimeout("syn()",500);
  }}
if(parent!=self){
  setTimeout("syn()",100);
}else{
  parent.location.href = "../index.htm?page=XtremeCommandBars~Enumerations~XTPTabLayoutStyle_EN.html";
}
originalOnload = window.onload;
if(originalOnload==null){
window.onload = function(){parent.contentLoaded = true;};
}else{
window.onload = function(){originalOnload();parent.contentLoaded = true;};
}
</script> 


<div id="winchm_template_top">
	<div id="winchm_template_button"><A href="XtremeCommandBars~Enumerations~XTPTabDrawTextFormat_EN.html" title="Previous topic"><img id="winchm_template_prev" alt="Previous topic" src="template2/btn_prev_n.gif" border="0"></a><A href="XtremeCommandBars~Enumerations~XTPTabPosition_EN.html" title="Next topic"><img id="winchm_template_next" alt="Next topic" src="template2/btn_next_n.gif" border="0"></a></div>
	<div id="winchm_template_navigation">Help &gt; 
<A href="welcome_screen.htm">Codejock ActiveX Controls v15.3</A> &gt; <A href="XtremeCommandBars_P.html">Xtreme Command Bars</A> &gt; Enumerations &gt; </div>
	<div id="winchm_template_title">XTPTabLayoutStyle Enumeration (XtremeCommandBars)</div>
</div>
<div id="winchm_template_container">
	<div id="winchm_template_content"><div class=popupbubble id=dxseealsomenu><p id=dxseealsocontent><a href="#Bookmark5740">Layout Property</a>
&nbsp;|&nbsp;<a href="#Bookmark5744">MultiRowJustified Property</a>
&nbsp;|&nbsp;<a href="#Bookmark5743">MultiRowFixedSelection Property</a>
</p><!--DXMETADATA end --> 
        </div>
        <div id=pagetop>
            <div id=projectnamebanner>
                <table class=projectnametable cellspacing=0>
                    <tbody>
                        <tr>
                            <!--DXMETADATA start type="Literal" condition="childitems:itemtype=seealso" value="<td class='button'><a href='' id='seealsobutton' onclick='showSeeAlsoBox()'><img alt='See Also' border='0' src='axImages/seealso.gif' width=14 height=14></a></td>"--><td class='button'><a href='' id='seealsobutton' onclick='showSeeAlsoBox()'><img alt='See Also' border='0' src='axImages/seealso.gif' width=14 height=14></a></td><!--DXMETADATA end-->
                            <td>
                                <!--DXMETADATA start type="Phrase" Name="Product_Header" -->Xtreme Command Bars ActiveX Control v15.3<!--DXMETADATA end --> 
                            </td>
                            <td align=right>
                                <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><!--DXMETADATA end --> 
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div id=pagetitlebanner>
                <h1 class=dxh1>
                <!--DXMETADATA start type="PageItemTitle" -->XTPTabLayoutStyle Enumeration<!--DXMETADATA end --></h1>
            </div>
        </div>
        <div id=pagebody valign="bottom">
            <!--DXMETADATA start type="IsNew" format="<script>document.all.pagebody.className = 'newTopic'</script>" --><!--DXMETADATA end --> 
            <!--DXMETADATA start type="Description" source="Item" format="<h4 class=dxh4>$$Description$$</h4><p>%%description%%</p>" --><h4 class=dxh4>Description</h4><p>Specifies how the tabs will be sized&nbsp;within the tabbed workspace.</p><!--DXMETADATA end --> 
            <!--DXMETADATA start type="FilteredItemList" scrap="ENUM_MEMBER_LIST" namespace="enumeration member" source="Item" filter="" format="<h4 class=dxh4>$$Members$$</h4>%%filtereditemlist%%" --><h4 class=dxh4>Members</h4><TABLE CLASS="FilteredItemListTable" CellSpacing="0"><TR VALIGN="top"><TH width="30%">Member</TH><TH width="70%">Description</TH></TR>
<TR><TD CLASS=MemberNameCell WIDTH="30%"><strong>xtpTabLayoutAutoSize</strong></TD><TD CLASS="DescriptionCell" WIDTH="70%">Tabs will be automatically sized within the tabbed workspace.&nbsp; With this flag set, tabs will appear in their normal size.</TD></TR>
<TR><TD CLASS=MemberNameCell WIDTH="30%"><strong>xtpTabLayoutSizeToFit</strong></TD><TD CLASS="DescriptionCell" WIDTH="70%">Tabs&nbsp;are sized to fit within the tabbed workspace.&nbsp; All tabs will be compressed into the tabbed workspace.</TD></TR>
<TR><TD CLASS=MemberNameCell WIDTH="30%"><strong>xtpTabLayoutFixed</strong></TD><TD CLASS="DescriptionCell" WIDTH="70%">Tabs will be&nbsp;set to a fixed size&nbsp;within the tabbed workspace.</TD></TR>
<TR><TD CLASS=MemberNameCell WIDTH="30%"><strong>xtpTabLayoutCompressed</strong></TD><TD CLASS="DescriptionCell" WIDTH="70%">Tabs will be&nbsp;compressed within the tabbed workspace.&nbsp; This will compress all tabs, but all tabs will not be forced into the tabbed workspace.</TD></TR>
<TR><TD CLASS=MemberNameCell WIDTH="30%"><strong>xtpTabLayoutMultiRow</strong></TD><TD CLASS="DescriptionCell" WIDTH="70%">The TabWorkspace can display more than one row of tabs.&nbsp; 
<P>The number of rows is automatically set by the width and number of the tabs. The number of rows can change if the control is resized, which ensures that the tab wraps to the next row.&nbsp; If the tab <A href="#Bookmark5740">layout</A>&nbsp;is <STRONG>not</STRONG> set to <A href="#Bookmark7544">xtpTabLayoutMultiRow</A>, and the last tab exceeds the width of the control,&nbsp;left and right&nbsp;arrow buttons are&nbsp;added at the right end of the <B>TabWorkspace</B>.</P>
<P>Both the <A href="#Bookmark5743">MultiRowFixedSelection</A> and <A href="#Bookmark5744">MultiRowJustified</A> properties can be used to further customize how the tabs are displayed when there are multiple rows of tabs.</P></TD></TR>
<TR><TD CLASS=MemberNameCell WIDTH="30%"><strong>xtpTabLayoutRotated</strong></TD><TD CLASS="DescriptionCell" WIDTH="70%">Tabs will be displayed "rotated" from their natural position.
<P>This will cause the caption of the tabs displayed on the top or bottom of the TabWorkspace to be displayed vertically, and tabs displayed on the left or right or the TabWorkspace to be displayed horizontally.</P></TD></TR>
</TABLE><!--DXMETADATA end --> 
            <!--DXMETADATA start type="TaggedComment" source="Item" id="##REMARKS" format="<h4 class=dxh4>$$Remarks$$</h4><p>%%comment%%</p>" --><h4 class=dxh4>Remarks</h4><p><P><STRONG>xtpTabLayoutAutoSize</STRONG></P>
<P><IMG src="Pictures/cb_tabs_autosize_layout.gif"></P>
<P><STRONG>xtpTabLayoutCompressed</STRONG></P>
<P><IMG src="Pictures/cb_tabs_compressed_layout.gif"></P>
<P>&nbsp;</P>
<P><STRONG>xtpTabLayoutMultiRow</STRONG></P>
<P><IMG src="Pictures/cb_tabs_multirow_layout.gif"></P>
<P>&nbsp;</P>
<P><STRONG>xtpTabLayoutSizeToFit</STRONG></P>
<P><IMG src="Pictures/cb_tabs_sizetofit_layout.gif"></P>
<P>&nbsp;</P>
<P><STRONG>xtpTabLayoutFixed</STRONG></P>
<P><IMG src="Pictures/cb_tab_fixed_layout.gif"></P>
<P>&nbsp;</P>
<P><STRONG>xtpTabLayoutRotated</STRONG></P>
<P><IMG src="Pictures/cb_tabs_rotated_layout.gif" border=0></P></p><!--DXMETADATA end --> 
            <!--DXMETADATA start type="TaggedComment" source="Item" id="##EXAMPLEINTRO" format="<h4 class=dxh4>$$Example$$</h4><p>%%comment%%</p>" --><!--DXMETADATA end --> 
            <!--DXMETADATA start type="FilteredItemList" scrap="INLINE_EXAMPLE" namespace="Example" source="Item" filter="type=inline" NoHeader="True" NoFooter="True" format="<h4 class=dxh4>$$Example$$</h4>,format= %%%%filtereditemlist%%" --><h4 class=dxh4>Example</h4><DIV Class=LanguageSpecific Name=Example_VB><p><SPAN class="lang">[TabWorkspace Layouts (Visual Basic)]</SPAN>&nbsp;This sample illustrates how to change the various layouts in the TabWorkspace.</p><DIV Class=LanguageSpecific Name=Code_VB><TABLE Class="CodeContainerTable" CellPadding="0" CellSpacing="0" Border="0"><TR><TD NOWRAP><CODE Class="VB">&nbsp;&nbsp;&nbsp;&nbsp;<font class='comment'>'This sample code illustrates how to change the tab workspace to use a Compressed layout.</font><BR/>
&nbsp;&nbsp;&nbsp;&nbsp;CommandBars.TabWorkspace.PaintManager.Layout = xtpTabLayoutCompressed<BR/>
<BR/>
&nbsp;&nbsp;&nbsp;&nbsp;<font class='comment'>'This sample code illustrates how to change the tab workspace to use a Fixed layout.</font><BR/>
&nbsp;&nbsp;&nbsp;&nbsp;CommandBars.TabWorkspace.PaintManager.Layout = xtpTabLayoutFixed<BR/>
<BR/>
&nbsp;&nbsp;&nbsp;&nbsp;<font class='comment'>'This sample code illustrates how to change the tab workspace to use a Size-to-Fit layout.</font><BR/>
&nbsp;&nbsp;&nbsp;&nbsp;CommandBars.TabWorkspace.PaintManager.Layout = xtpTabLayoutSizeToFit<BR/>
<BR/>
&nbsp;&nbsp;&nbsp;&nbsp;<font class='comment'>'This sample code illustrates how to change the tab workspace to use a Autosize layout.  This is the default behavior.</font><BR/>
&nbsp;&nbsp;&nbsp;&nbsp;CommandBars.TabWorkspace.PaintManager.Layout = xtpTabLayoutAutoSize<BR/>
<BR/>
&nbsp;&nbsp;&nbsp;&nbsp;<font class='comment'>'This sample code illustrates how to change the tab workspace to use a multi-row layout.</font><BR/>
&nbsp;&nbsp;&nbsp;&nbsp;CommandBars.TabWorkspace.PaintManager.Layout = xtpTabLayoutMultiRow<BR/>
<BR/>
&nbsp;&nbsp;&nbsp;&nbsp;<font class='comment'>'This sample code illustrates how to change the tab workspace to use a rotated layout.</font><BR/>
&nbsp;&nbsp;&nbsp;&nbsp;<font class='comment'>'This will cause the caption of the tabs displayed on the top or bottom of the</font><BR/>
&nbsp;&nbsp;&nbsp;&nbsp;<font class='comment'>'TabWorkspace to be displayed vertically, and tabs displayed on the left or right</font><BR/>
&nbsp;&nbsp;&nbsp;&nbsp;<font class='comment'>'or the TabWorkspace to be displayed horizontally.</font><BR/>
&nbsp;&nbsp;&nbsp;&nbsp;CommandBars.TabWorkspace.PaintManager.Layout = xtpTabLayoutRotated</CODE></TD></TR></TABLE></DIV></DIV>
<!--DXMETADATA end --> 
            <!--DXMETADATA start type="FilteredItemList" scrap="MENU_LINK" namespace="seealso" source="Item" filter="" NoHeader="True" NoFooter="True" format="<h4 class=dxh4>$$See_Also$$</h4><p id=dxseealsocontent>%%filtereditemlist%%</p>" --><h4 class=dxh4>See Also</h4><p id=dxseealsocontent><a href="#Bookmark5740">Layout Property</a>
&nbsp;|&nbsp;<a href="#Bookmark5744">MultiRowJustified Property</a>
&nbsp;|&nbsp;<a href="#Bookmark5743">MultiRowFixedSelection Property</a>
</p><!--DXMETADATA end --><!--DXMETADATA start type="Variable" name="CopyrightNotice" format="><!--DXMETADATA end --></div></div>	
	<div id="winchm_template_footer">Copyright &copy; 2018. All rights 
reserved. (To change the copyright info, just edit it in template.)</div>
</div>

</body>
</html>

